<?php
/**
 * Created by PhpStorm.
 * Author: QinShuai
 * Email: qinshuai0423@qq.com
 * Date: 2021/6/11
 */
?>
<el-aside id="el-aside" class="el-aside" :width="aside_width">
    <div class="block">
        <el-avatar class="el-left"  :size="40" src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar>

        <div class="el-left">
            <span v-if="isCollapse === false" style="padding-left: 10px"><?= \backend\models\AdminUser::findUserName()['username']?> </span>
            <span v-if="isCollapse === true"><?= \backend\models\AdminUser::findUserName()['username']?> </span>
            <span style="font-size: 5px; color: #888;">在线</span>
        </div>

        <div class="el-search" v-if="isCollapse === false">
            <el-input  placeholder="搜索菜单" v-model="search" @input="searchMenu()" size="mini">
                <template #prefix>
                    <i class="el-input__icon el-icon-search"></i>
                </template>
            </el-input>
        </div>
        <div style="clear: both;"></div>
    </div>
    <el-menu default-active="<?=$this->params['activeId'] ?? ''?>"   class="el-menu-vertical-demo"  unique-opened="true"  background-color="#222d32"  text-color="#fff" :collapse="isCollapse">
        <?=\backend\models\AdminUser::getUserMenu()?>
    </el-menu>
</el-aside>

